<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<title>拼团商城</title>
	<meta name="keywords" content="拼团商城" />
	<meta name="description" content="风靡全国的拼团商城，优质商品新鲜直供" />
	<link href="css/mui.min.css" type="text/css" rel="stylesheet" />
	<link href="css/style.css" type="text/css" rel="stylesheet" />
	<script type="text/javascript">
		!function (J) { function H() { var d = E.getBoundingClientRect().width; var e = (d / 7.5 > 100 * B ? 100 * B : (d / 7.5 < 42 ? 42 : d / 7.5)); E.style.fontSize = e + "px", J.rem = e } var G, F = J.document, E = F.documentElement, D = F.querySelector('meta[name="viewport"]'), B = 0, A = 0; if (D) { var y = D.getAttribute("content").match(/initial\-scale=([\d\.]+)/); y && (A = parseFloat(y[1]), B = parseInt(1 / A)) } if (!B && !A) { var u = (J.navigator.appVersion.match(/android/gi), J.navigator.appVersion.match(/iphone/gi)), t = J.devicePixelRatio; B = u ? t >= 3 && (!B || B >= 3) ? 3 : t >= 2 && (!B || B >= 2) ? 2 : 1 : 1, A = 1 / B } if (E.setAttribute("data-dpr", B), !D) { if (D = F.createElement("meta"), D.setAttribute("name", "viewport"), D.setAttribute("content", "initial-scale=" + A + ", maximum-scale=" + A + ", minimum-scale=" + A + ", user-scalable=no"), E.firstElementChild) { E.firstElementChild.appendChild(D) } else { var s = F.createElement("div"); s.appendChild(D), F.write(s.innerHTML) } } J.addEventListener("resize", function () { clearTimeout(G), G = setTimeout(H, 300) }, !1), J.addEventListener("pageshow", function (b) { b.persisted && (clearTimeout(G), G = setTimeout(H, 300)) }, !1), H() }(window);
		if (typeof (M) == 'undefined' || !M) {
			window.M = {};
		}
	</script>
	<style>
		.mui-backdrop {
			display: none;
		}
	</style>
</head>

<body>
	<!--店铺信息-->
	<div class="small">
		<div class="g-mall-infor">
			<div class="g-mall-logo fl">
				<img src="images/t2.jpg">
			</div>
			<div class="g-mall-name fl">
				<span>商家商家</span>
				<p>销量：所有产品综合：3 </p>
			</div>
			<div class="g-mall-btn fr guanzhu"><a href="">+ 关注</a></div>
		</div>
		<div class="g-desc">
			<p>主要售卖范围或者店铺介绍。</p>
		</div>
	</div>
	<div class="coupon">
		<div class="liketitle">优惠券</div>
		<div class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted ">
			<div class="mui-scroll">
				<a class="mui-control-item">
					<div class="coupon-list lq-btn ">
						<div class="coupon-item ">
							<h2><i>￥</i>3</h2>
							<p>满40立减</p>
							<p>2017.03.31过期</p>
						</div>
						<button type=" button">领取</button>
					</div>
				</a>
				<a class="mui-control-item">
					<div class="coupon-list qg-btn">
						<div class="coupon-item ">
							<h2><i>￥</i>3</h2>
							<p>满40立减</p>
							<p>2017.03.31过期</p>
						</div>
						<button type=" button">已抢光</button>
					</div>
				</a>
				<a class="mui-control-item ">
					<div class="coupon-list gq-btn">
						<div class="coupon-item ">
							<h2><i>￥</i>3</h2>
							<p>满40立减</p>
							<p>2017.03.31过期</p>
						</div>
						<button type=" button">已过期</button>
					</div>
				</a>

			</div>
		</div>
	</div>

	<!--猜你喜欢-->
	<h2 class="liketitle f4">全部商品（ 3）<a href="#popover" id="topPopover" class="fr">默认排序<i
				class="iconfont">&#xe62b;</i></a></h2>
	<div id="popover" class="mui-popover s-order">
		<ul class="mui-table-view">
			<li class="mui-table-view-cell mui-active"><a href="#">默认排序</a></li>
			<li class="mui-table-view-cell"><a href="#">销量排序</a></li>
			<li class="mui-table-view-cell"><a href="#">最新上架</a></li>
			<li class="mui-table-view-cell"><a href="#">价格从高到低</a></li>
			<li class="mui-table-view-cell"><a href="#">价格从低到高</a></li>
		</ul>
	</div>
	<div class="mui-content like">
		<div class="mui-row">
			<div class="mui-col-sm-6 mui-col-xs-6">
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right" href="">
						<div class="like-img"><img src="images/pr1.jpg" /></div>
						<h2 class="like-text">初春女童长袖衫初春女童长袖衫初春女童长袖衫</h2>
						<div class="like-price">
							<span class="fl">¥26</span>
							<em class="fl">已团2220件</em>
							<button class="fr" type="button">参团 ></button>
						</div>
					</a>
				</li>
			</div>
			<div class="mui-col-sm-6 mui-col-xs-6">
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right" href="">
						<div class="like-img"><img src="images/pr1.jpg" /></div>
						<h2 class="like-text">初春女童长袖衫初春女童长袖衫初春女童长袖衫</h2>
						<div class="like-price">
							<span class="fl">¥26</span>
							<em class="fl">已团2220件</em>
							<button class="fr" type="button">参团 ></button>
						</div>
					</a>
				</li>
			</div>
		</div>
		<div class="mui-row">
			<div class="mui-col-sm-6 mui-col-xs-6">
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right" href="">
						<div class="like-img"><img src="images/pr1.jpg" /></div>
						<h2 class="like-text">初春女童长袖衫初春女童长袖衫初春女童长袖衫</h2>
						<div class="like-price">
							<span class="fl">¥26</span>
							<em class="fl">已团2220件</em>
							<button class="fr" type="button">参团 ></button>
						</div>
					</a>
				</li>
			</div>
			<div class="mui-col-sm-6 mui-col-xs-6">
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right" href="">
						<div class="like-img"><img src="images/pr1.jpg" /></div>
						<h2 class="like-text">初春女童长袖衫初春女童长袖衫初春女童长袖衫</h2>
						<div class="like-price">
							<span class="fl">¥26</span>
							<em class="fl">已团2220件</em>
							<button class="fr" type="button">参团 ></button>
						</div>
					</a>
				</li>
			</div>
		</div>
	</div>
	{{include './foot.html'}}

	<script src="js/jquery-1.10.1.min.js"></script>
	<script type="text/javascript" src="js/mui.min.js"></script>
	<script type="text/javascript" src="js/comment.js"></script>
	<script type="text/javascript" src="js/time.js"></script>
</body>

</html>